*{
    font-family:Microsoft YaHei;
    margin: 0;
    padding: 0 ;
    font-weight:400;
}
[v-cloak]{
    display: none;
}
.bg{
    position: fixed;
}

button{
    cursor: pointer;

}
/* 动画*/
@keyframes myfirst {
    0% {
       margin-top: 100%;
    }
    100% {
        margin-top: 0%;
    }
}

@-webkit-keyframes myfirst {
    0% {
        margin-top: 100%;
    }
    100% {
        margin-top: 0%;
    }
}

@-moz-keyframes myfirst {
    0% {
        margin-top: 100%;
    }
    100% {
        margin-top: 0%;
    }
}

@keyframes suo{
    0%{transform: scale(1);
    }

    50%{transform: scale(0.9);
    }

    100%{
        transform: scale(1);

    }
}

@-webkit-keyframes suo {
    0%{transform: scale(1);
    }
    50%{transform: scale(0.9);
    }
    100%{
        transform: scale(1);
    }
}
/*旋转开始*/
@keyframes enlargef {
    0%{transform: scale(1.2);
        transform:rotate(0deg)
    }

    100%{
        transform: scale(1);
        transform:rotate(360deg)
    }
}

@-webkit-keyframes enlargef {
    0%{transform: scale(1.2);
        transform:rotate(0deg)
    }

    100%{
        transform: scale(1);
        transform:rotate(360deg)
    }
}

@-moz-keyframes enlargef {
    0%{transform: scale(1.2);
        transform:rotate(0deg)
    }
    100%{
        transform: scale(1);
        transform:rotate(360deg)
    }
}



 .sanpai  img:hover{
    animation: enlargef 1s;
    -webkit-animation: enlargef 1s;
    -webkit-animation-fill-mode:forwards;
}
.fangxing  img:hover{
    animation: enlargef 1s;
    -webkit-animation: enlargef 1s;
    -webkit-animation-fill-mode:forwards;
}
.food  img:hover{
    animation: suo 1s;
    -webkit-animation: suo 1s;
    -webkit-animation-fill-mode:forwards;
}
.entertainment img:hover{
    animation: suo 1s;
    -webkit-animation: suo 1s;
    -webkit-animation-fill-mode:forwards;
}
.news img:hover{
    animation: suo 1s;
    -webkit-animation: suo 1s;
    -webkit-animation-fill-mode:forwards;
}
.fangdas{
    animation: enlargee 1s;
    -webkit-animation: enlargee 1s;
    animation-fill-mode: forwards;
}

.show{
    animation: myfirst 1s;
    -webkit-animation: myfirst 1s;
    animation-fill-mode: forwards;
}




@media screen and (min-width:1200px) {
    .bg{
        position: fixed;
        z-index: 120;
         width: 100%;
        background: rgba(1,1,1,1);
        box-sizing: border-box;
        overflow: hidden;
    }
    .bg>div{
        position: relative;
        width: 1200px;
        height: 800px;
        margin: auto;
        padding: 100px  0 ;
        box-sizing: border-box;
    }
    .into{
        position: absolute;
        width:118px;
        height:38px;
        border:1px solid rgba(255,255,255,1);
        border-radius:10px;
        font-size:16px;
        color:rgba(255,255,255,1);
        line-height:38px;
        text-align: center;
        right: calc(50% - 60px);
        top: calc(80% -  20px);
        cursor: pointer;
    }

    .swiper-wrapper img{
        width: 100%;
        height: 900px!important;
    }
    /*轮播属性样式*/
    .swiper-pagination-bullet {
        width: 59px!important;
        height: 8px;
        display: inline-block;
        border-radius: 10%!important;
        background:rgba(255,255,255,1)!important;
        opacity: 0.8;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background:rgba(244,122,62,1)!important;
    }

    #contentsd {
        position: relative;
        float: left;
        width: 100%;
    }
    .huswiper{
        width: 100%;
        position: relative;
    }
    .huswiper img{
        width: 100%;
        height: 100%;
        position: relative;
    }
    .sanpai{
        position: relative;
        float: left;
        width: 100%;
        height:317px;
        background:rgba(247,247,247,1);
    }
    .sanpai>div{
        position: relative;
        width: 1200px;
        height: 100%;
        padding: 41px  0px;
        margin: auto;
        box-sizing: border-box;
        cursor: pointer;
    }
    .active{
        background: #004998;
        color:rgba(255,255,255,1)!important;
        box-shadow:0px 1px 7px 0px rgba(0, 0, 0, 0.1);
    }
    .sanpai>div>div{
        position: relative;
        float: left;
        width: calc(100% / 3);
        height: 100%;
        text-align: center;
        color:rgba(51,51,51,1);
    }
    .sanpai>div>div>img{
        width: 102px;
        height: 102px;
        margin-top: 38px;
    }
    .sanpai>div>div>div{
        font-size:16px;
        font-weight:400;
        text-align: center;
        width: 100%;
        margin-top: 30px;
        line-height:30px;
    }

    .jianjie{
        position: relative;
        width: 100%;
        float: left;
        height: 609px;
        background: rgba(255,255,255,1);;
    }
    .jianjie>div{
        position: relative;
        margin: auto;
        width: 1200px;
        height: 100%;
        padding: 84px 0px;
        box-sizing: border-box;
    }
    .jianjie>div>div{
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }
    .jianjie>div>div:nth-child(1)>div:nth-child(1){
        position: relative;
        float: left;
        width: 100%;
        text-align: left;
        height:13px;
        font-size:18px;
        font-weight:400;
        color:rgba(204,204,204,1);
        line-height:24px;
    }
    .jianjie>div>div:nth-child(1)>div:nth-child(2){
        position: relative;
        float: left;
        width: 100%;
        text-align: left;
        font-size:36px;
        font-weight:400;
        color:rgba(26,26,26,1);
        line-height:24px;
        margin-top: 35px;
    }
    .jianjie>div>div:nth-child(1)>div:nth-child(3){
        position: relative;
        float: left;
        width: 100%;
        text-align: left;
        font-size:16px;
        font-weight:300;
        color:rgba(77,77,77,1);
        line-height:30px;
        margin-top: 38px;
        padding-right: 43px;
        box-sizing: border-box;
    }
    .more{
        position: absolute;
        width:200px;
        height:46px;
        background:rgba(255,255,255,1);
        border:1px solid rgba(217,217,217,1);
        bottom: 0px;
        left: 0px;
    }
    .more>div{
        position: relative;
        float:left;
        width: 50%;
        line-height: 46px;
        text-align: center;
        font-size:18px;
        color:rgba(153,153,153,1);
    }
    .more>img{
        position: relative;
        float: left;
        width: 44px;
        height: 10px;
        margin-top:calc(22px - 5px);
    }
    .jianjie>div>div:nth-child(2)>img{
          width: 609px;
        height: 404px;
    }
    .fangxing{
        position: relative;
        float: left;
        width: 100%;
        height: 658px;
        background: none;
    }
        .fangxing>div{
            position: relative;
            width: 50%;
            height: 100%;
            float: left;
        }
    .fangxing>div:nth-child(1)>div{
        position: relative;
        float: left;
        width: 50%;
        height: 50%;
    }
    .fangxing>div:nth-child(1)>div>img{
        position: relative;
        width: 100%;
        height: 100%;
    }
    .fangxing>div:nth-child(1)>div>div:nth-child(2){
        position: absolute;
        left: 40px;
        bottom: 28px;
        box-sizing: border-box;
        font-size:18px;
        font-weight:400;
        color:rgba(255,255,255,1);
    }
    .fangxing>div:nth-child(1)>div>div:nth-child(3){
        position: absolute;
        right: 40px;
        bottom: 27px;
        box-sizing: border-box;
        font-size:18px;
        font-weight:400;
        color:rgba(244,122,62,1);
    }

    .fangxing>div:nth-child(2){
        position: relative;
        float: left;
        width: 50%;
        box-sizing: border-box;
        padding: 118px  0px;
        padding-left: 192px;
        background: none;
    }
    .fangxingbg{
        position: absolute;
        width: 100%;
        height: 100%;
        z-index: -1;
        top: 0px;
        right: 0px;
    }
    .fangxing>div:nth-child(2)>div:nth-child(1){
        font-size:18px;
        font-weight:400;
        color:rgba(255,255,255,1);
        line-height:30px;
        opacity:0.5;
        width: 100%;
        text-align: left;
        position: relative;
        float: left;
    }
    .fangxing>div:nth-child(2)>div:nth-child(2){
        font-size:36px;
        font-weight:400;
        color:rgba(255,255,255,1);
        line-height:30px;
        width: 100%;
        text-align: left;
        margin-top: 40px;
        position: relative;
        float: left;
    }
    .fangxing>div:nth-child(2)>div:nth-child(3){
        position: relative;
        float: left;
        width: 100%;
        text-align: left;
        padding-right: 194px;
        box-sizing: border-box;
        font-size:14px;
        font-weight:400;
        color:rgba(255,255,255,0.85);
        line-height:30px;
        margin-top: 83px;
    }
    .mores{
        position: absolute;
        width:200px;
        height:46px;
        border:1px solid rgba(255,255,255,1);
        bottom: 118px;
        left: 192px;
    }
    .mores>div{
        position: relative;
        float:left;
        width: 50%;
        line-height: 46px;
        text-align: center;
        font-size:18px;
        color:rgba(255,255,255,1);
    }
    .mores>img{
        position: relative;
        float: left;
        width: 44px;
        height: 10px;
        margin-top:calc(22px - 5px);
    }

    .food{
        position: relative;
        float: left;
        width: 100%;
        height: 780px;
        background: rgba(255,255,255,1);
    }
    .food>div{
        position: relative;
        height: 100%;
        margin: auto;
        padding: 84px  0px;
        box-sizing: border-box;
        width: 1200px;
        cursor: pointer;
    }
    .food>div>div:nth-child(1) {
            position: relative;
            float: left;
            width: 100%;
            height: 36px;
        }
    .food>div>div:nth-child(1) >div:nth-child(2){
        position: relative;
        float: left;
        width: 205px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        font-size:36px;
        font-weight:400;
        color:rgba(26,26,26,1);
    }
    .food>div>div:nth-child(1) >div:nth-child(1){
        position: relative;
        float: left;
        width: calc((100% - 205px) / 2);
        height: 2px;
        background: rgba(217,217,217,1);;
        margin-top:18px ;
    }
    .food>div>div:nth-child(1) >div:nth-child(3){
        position: relative;
        float: right;
        width: calc((100% - 205px) / 2);
        height: 2px;
        background: rgba(217,217,217,1);;
        margin-top:18px ;
    }

    .food>div>div:nth-child(2) {
        position: relative;
        float: left;
        width: 100%;
        margin-top: 70px;
    }
    .food>div>div:nth-child(2) >div{
        position: relative;
        float: left;
        width:calc((100%  - 72px)/ 3);
        margin-left: 36px;
    }
    .food>div>div:nth-child(2) >div:nth-child(1){
      margin-left: 0px;
    }

    .food>div>div:nth-child(2) >div>img{
        position: relative;
        float: left;
        height: 293px;
        width: 100%;
    }
    .food>div>div:nth-child(2) >div>div:nth-child(2){
        position: relative;
        float: left;
        width: 100%;
        font-size:20px;
        font-weight:400;
        color:rgba(26,26,26,1);
        line-height:60px;
        text-align: left;
    }
    .food>div>div:nth-child(2) >div>div:nth-child(3){
        position: relative;
        float: left;
        width: 100%;
        font-size:14px;
        font-weight:400;
        color:rgba(128,128,128,1);
        line-height:24px;
        text-align: left;
    }
    .food>div>div:nth-child(3){
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 60px;
    }

    .mored{
        position: relative;
        width:200px;
        height:46px;
        border:1px solid rgba(153,153,153,1);
        margin: auto;

    }
    .mored>div{
        position: relative;
        float:left;
        width: 50%;
        line-height: 46px;
        text-align: center;
        font-size:18px;
        color:rgba(153,153,153,1);
    }
    .mored>img{
        position: relative;
        float: left;
        width: 44px;
        height: 10px;
        margin-top:calc(22px - 5px);
    }
    .entertainment{
        position: relative;
        float: left;
        width: 100%;
        height: 785px;
        background: rgba(255,255,255,1);
        cursor: pointer;
    }
    .entertainment>div:nth-child(1){
        position: relative;
        margin: auto;
         width: 1200px;
        height: 36px;
    }
    .entertainment>div:nth-child(1) >div:nth-child(2){
        position: relative;
        float: left;
        width: 205px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        font-size:36px;
        font-weight:400;
        color:rgba(26,26,26,1);
    }
    .entertainment>div:nth-child(1) >div:nth-child(1){
        position: relative;
        float: left;
        width: calc((100% - 205px) / 2);
        height: 2px;
        background: rgba(217,217,217,1);;
        margin-top:18px ;
    }
    .entertainment>div:nth-child(1) >div:nth-child(3){
        position: relative;
        float: right;
        width: calc((100% - 205px) / 2);
        height: 2px;
        background: rgba(217,217,217,1);;
        margin-top:18px ;
    }
    .entertainment>div:nth-child(2){
        position: relative;
        margin-top: 70px;
        height: 599px;
    }
    .entertainment>div:nth-child(2)>div{
        position: relative;
        float: left;
        width: calc(100% / 5);
        height: 100%;
    }
    .entertainment>div:nth-child(2)>div>img{
        position: relative;
        float: left;
        width: 100%;
        height:50%;
    }
    .entertainment>div:nth-child(2)>div>div{
        position: relative;
        float: left;
        width: 100%;
        height:50%;
        box-sizing: border-box;
        padding: 25px  30px;

        background: #004998;
    }
    .entertainment>div:nth-child(2)>div>div>div:nth-child(1){
      position: relative;
        float: left;
        width: 100%;
        text-align: left;
        font-size:20px;
        font-weight:400;
        color:rgba(255,255,255,1);
        line-height:22px;
    }
    .entertainment>div:nth-child(2)>div>div>div:nth-child(2){
        position: relative;
        float: left;
        width: 100%;
        text-align: left;
        font-size:14px;
        font-weight:400;
        color:rgba(230,230,230,1);
        line-height:24px;
        margin-top: 30px;
    }

    .entertainment>div:nth-child(2)>div>div>div:nth-child(3){
        position: relative;
        float: left;
        width: 100%;
        text-align: left;
        font-size:16px;
        font-weight:400;
        color:rgba(255,255,255,1);
        line-height:24px;
        margin-top: 20px;
    }
    .entertainment>div:nth-child(2)>div>div>div:nth-child(4){
        position: relative;
        float: left;
        width: 100%;
        margin-top: 20px;
        text-align: left;
        font-size:14px;
        font-weight:400;
        color:rgba(230,230,230,1);
        line-height:24px;
    }

    .news{
        position: relative;
        float: left;
        width: 100%;
        height: 778px;
        background: rgba(255,255,255,1);
    }
    .news>div{
        position: relative;
        margin: auto;
        width: 1200px;
        height: 100%;
        cursor: pointer;
    }
    .news>div>div:nth-child(1){
        position: relative;
        float: left;
        width: 100%;
        height: 36px;
    }
    .news>div>div:nth-child(1) >div:nth-child(2){
        position: relative;
        float: left;
        width: 205px;
        height: 36px;
        text-align: center;
        line-height: 36px;
        font-size:36px;
        font-weight:400;
        color:rgba(26,26,26,1);
    }
    .news>div>div:nth-child(1) >div:nth-child(1){
        position: relative;
        float: left;
        width: calc((100% - 205px) / 2);
        height: 2px;
        background: rgba(217,217,217,1);;
        margin-top:18px ;
    }
    .news>div>div:nth-child(1) >div:nth-child(3){
        position: relative;
        float: right;
        width: calc((100% - 205px) / 2);
        height: 2px;
        background: rgba(217,217,217,1);;
        margin-top:18px ;
    }
    .news>div>div:nth-child(2){
        position: relative;
        float: left;
        width: 100%;
        height: 492px;
        margin-top: 68px;
    }
    .zxleft{
        position: relative;
        float: left;
        width: 50%;
        padding-right:calc(50% - 500px) ;
        height: 100%;
        box-sizing: border-box;
    }
    .zxright{
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }

    .zxleft>img{
        position: relative;
        float: left;
        width: 100%;
        height: 317px;
    }
    .zxleft>div{
        position: relative;
        float: left;
        width: 100%;
        height: 175px;
        background:rgba(0,73,152,1);
    }
    .zxleft>div>div:nth-child(1){
        position: relative;
        float: left;
        width:142px;
        height: 175px;
    }
    .zxleft>div>div:nth-child(1)>div:nth-child(1){
        position: relative;
        float: left;
        width:142px;
        height:14px;
        font-size:18px;
        font-weight:bold;
        color:rgba(255,255,255,1);
        text-align: center;
        line-height: 20px;
        margin-top: 50px;
    }
    .zxleft>div>div:nth-child(1)>div:nth-child(2){
        position: relative;
        float: left;
        width:142px;
        height:14px;
        font-size:14px;
        font-weight:bold;
        color:rgba(255,255,255,1);
        text-align: center;
        line-height: 20px;
        margin-top: 30px;
    }
    .zxleft>div>div:nth-child(2){
        position: relative;
        float: left;
        width:calc(100% - 142px);
        height: 175px;
        padding-right: 23px;
        box-sizing: border-box;
    }
    .zxleft>div>div:nth-child(2)>div:nth-child(1){
          position: relative;
          float: left;
          width:100%;
          height: 50px;
          box-sizing: border-box;
          border-bottom: 1px solid rgba(255,255,255,1);
        font-size:20px;
        font-weight:400;
        color:rgba(255,255,255,1);
        line-height:50px;
        margin-top: 18px;
      }
    .zxleft>div>div:nth-child(2)>div:nth-child(2){
        position: relative;
        float: left;
        width:100%;
        font-size:14px;
        font-weight:400;
        color:rgba(255,255,255,1);
        line-height:24px;
        box-sizing: border-box;
        margin-top: 12px;
    }
    .zxright>div{
        position: relative;
        width: 100%;
        height:calc(100% / 3) ;
        float: left;
    }
    .zxright>div>div:nth-child(1){
        position: relative;
        float: left;
        width: 443px;
        height: 100%;
    }
    .zxright>div>div:nth-child(1)>div:nth-child(1){
        position: relative;
        float: left;
        width: 443px;
        font-size:20px;
        font-weight:400;
        padding-bottom: 18px;
        box-sizing: border-box;
        border-bottom: 1px solid rgba(230,230,230,1);
        color:rgba(51,51,51,1);
    }
    .zxright>div>div:nth-child(1)>div:nth-child(2){
        position: relative;
        float: left;
        width: 443px;
        font-size:14px;
        font-weight:400;
        color:rgba(128,128,128,1);
        line-height:24px;
        margin-top: 18px;
    }

    .zxright>div>div:nth-child(2){
        position: relative;
        width: calc(100% -  480px);
        height: 100%;
        float: right;
    }
    .zxright>div>div:nth-child(2)>div:nth-child(1){
        position: relative;
        float: left;
        width: 100%;
        font-size:18px;
        font-weight:bold;
        color:rgba(51,51,51,1);
        line-height:24px;
        margin-top: 12px;
        text-align: center;
    }

    .zxright>div>div:nth-child(2)>div:nth-child(2){
        position: relative;
        float: left;
        width: 100%;
        font-size:14px;
        font-weight:bold;
        color:rgba(153,153,153,1);
        line-height:24px;
        margin-top: 12px;
        text-align: center;
    }
    .zxright>div>div:nth-child(2)>div:nth-child(3){
        position: relative;
        float: left;
        width: 100%;
        margin-top: 14px;
        text-align: center;
    }
    .zxright>div>div:nth-child(2)>div:nth-child(3)>img{
        position: relative;
        margin: auto;
        width:44px;
        height:10px;
    }
    .news>div>div:nth-child(3){
        position: relative;
        float: left;
        width: 100%;
        text-align: center;
        margin-top: 60px;
    }
    .call{
        position: relative;
        float: left;
        width: 100% ;
        height: 597px;
        background:rgba(247,247,247,1);
    }

    .call>div:nth-child(1){
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
    }
    .call>div:nth-child(1)>img{
        position: relative;
        width: 100%;
        height: 100%;
    }

    .call>div:nth-child(2){
        position: relative;
        float: left;
        width: 50%;
        height: 100%;
        padding-top: 36px;
        padding-left: 110px;
        padding-right: 360px;
        box-sizing: border-box;
    }
    .call>div:nth-child(2)>div:nth-child(1){
        position: relative;
        float: left;
        font-size:30px;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:24px;
        width: 100%;
        text-align: left;

    }
    .call>div:nth-child(2)>div:nth-child(2){
        position: relative;
        width: 100%;
        float: left;
        margin-top: 36px;
        font-size:18px;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:24px;
        text-align: left;
    }
    .dans{
        margin-top: 36px!important;
    }
    .dan{
        position: relative;
        float: left;
        width: 100%;
        text-align: left;
        margin-top: 10px;
    }
    form{
        position: relative;
        float: left;
        width: 100%;
        height: 340px;
        margin-top: 30px;
    }
    form>input{
       position: relative;
        float: left;
        width:calc(50% - 8px);
        box-sizing: border-box;
        padding-left:20px;
        height: 46px;
        font-size:14px;
        font-weight:400;
        color:rgba(128,128,128,1);
        background: none;
        line-height:24px;
        border:1px solid rgba(217,217,217,1);
    }
    form>input:nth-child(2){
    margin-left: 7px;
    }
     textarea{
         position: relative;
         float: left;
         margin-top: 20px;
         width: 100%;
         height: 167px;
         font-size:14px;
         background: none;
         font-weight:400;
         color:rgba(128,128,128,1);
         line-height:24px;
         padding: 5px 10px;
         box-sizing: border-box;
         resize:none;
         border:1px solid rgba(217,217,217,1);
     }

     button{
         position: relative;
         float: left;
         width: 100% ;
         height: 45px;
         font-size:14px;
         font-weight:400;
         color:rgba(51,51,51,1);
         line-height:24px;
         margin-top: 20px;
         border:1px solid rgba(217,217,217,1);
     }

}
@media (min-width: 991px) and (max-width: 1200px){


}
@media (min-width: 761px) and (max-width: 991px){


}


@media (min-width: 320px) and (max-width: 761px){


}
